
/*top_LB*/
.top_LB {
    position: relative;
}

.top_LB .carousel {
    /*min-height: 1200px;*/
    text-align: center;
    width: 100%;
}

.top_LB .carousel .carousel-inner {
    width: 100%;
    max-height: 900px;
    height: auto;
    text-align: center;
}

.top_LB .carousel .carousel-inner .carousel-item {
    /*width: 1200px;*/
    height: auto;
    min-height: 520px;
}

.top_LB .carousel .carousel-inner .carousel-item .slide-item .pic {
    width: 100%;
    max-height: 900px;
    max-width: 100%;
}

.top_LB .carousel .carousel-inner .carousel-item .slide-item .detail-box {
    width: 1200px;
    position: absolute;
    top: 30.88%;
    left: 50%;
    margin: 0 -600px;
    text-align: left;
}

.top_LB .carousel .carousel-inner .carousel-item .slide-item .detail-box .title {
    font-size: 64px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #8c8282;
    animation: textUp .5s linear .2s;
}

/*精选礼服*/

.wed-product {
    background: url(https://files.mijwed.com/wed/template/brand/product-detail-bg.png) no-repeat center;
    background-size: cover;
    margin: 0 auto;
    padding: 80px 0 55px
}

.wed-product .product-title {
    width: 1200px;
    margin: 0 auto;
    font-size: 24px;
    color: #000;
    line-height: 70px;
    clear: both;
    font-weight: 600
}

.wed-product .product-title span, .wed-product .product-title a {
    float: right;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    padding-right: 30px;
    color: #333
}

.wed-product .product-title span em.icon, .wed-product .product-title a em.icon {
    width: 16px;
    position: absolute;
    top: -1px;
    right: 18%;
    display: inline-block;
    background: url("") no-repeat center right;
    background-size: 100%;
    font-size: 0
}

.wed-product .product-title span:hover, .wed-product .product-title a:hover {
    color: #dc1414
}

.wed-product .product-title span:hover em.icon, .wed-product .product-title a:hover em.icon {
    display: inline-block;
    background: url("") no-repeat center right;
    background-size: 100%;
    font-size: 0
}

.wed-product .product-detail {
    width: 1200px;
    margin: 0 auto
}

.wed-product .product-detail .product-detail-list {
    display: none
}
.wed-product .product-detail .product-detail-list:first-child {
    display: block;
}

.wed-product .product-detail .product-detail-list:after {
    content: "";
    display: block;
    clear: both
}

.wed-product .product-detail .product-detail-list > div {
    float: left
}

.wed-product .product-detail .product-detail-list .img-box {
    width: 800px;
    height: 450px;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16)
}

.wed-product .product-detail .product-detail-list .img-box img {
    width: 100%;
    height: 100%
}

.wed-product .product-detail .product-detail-list .img-box img {
    width: 800px;
    float: left;
}

.wed-product .product-detail .product-detail-list .detail-text {
    width: 350px;
    min-height: 385px;
    padding: 65px 0 0 50px;
    color: #333
}

.wed-product .product-detail .product-detail-list .detail-text .new {
    color: #dc1414;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase
}

.wed-product .product-detail .product-detail-list .detail-text .name {
    max-height: 100px;
    line-height: 48px;
    font-size: 40px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    overflow: hidden
}

.wed-product .product-detail .product-detail-list .detail-text .name-ch {
    margin-bottom: 50px;
    font-size: 30px;
    color: #333
}

.wed-product .product-detail .product-detail-list .detail-text .price {
    margin-bottom: 60px;
    font-size: 24px;
    color: #dc1414;
    font-weight: bold
}

.wed-product .product-detail .product-detail-list .detail-text .price span {
    font-size: 18px;
    font-weight: 400
}

.wed-product .product-detail .product-detail-list .detail-text .anymore.book {
    background: #333333;
    color: #fff;
    padding-right: 0;
    padding-left: 20px;
    margin-left: 20px
}


.wed-product .product-detail .product-detail-list .detail-text .anymore.book:hover {
    background: #dc1414
}

.wed-product .product-detail .product-detail-list .detail-text .anymore.book em.icon {
    width: 18px;
    left: 16%;
    background-image: url(https://files.mijwed.com/wed/template/icon/network-22.png)
}

.wed-product .change-btn-box {
    width: 1200px;
    margin: 40px auto 0
}

.wed-product .change-btn-box:after {
    content: "";
    display: block;
    clear: both
}

.wed-product .change-btn-box .e-ch {
    width: 235px;
    float: left;
    cursor: pointer
}

.wed-product .change-btn-box .e-ch p {
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    position: relative
}

.wed-product .change-btn-box .e-ch p strong {
    font-weight: bold;
    text-transform: uppercase
}

.wed-product .change-btn-box .e-ch p:first-child:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #666;
    left: 0;
    top: -12px;
    display: none
}

.wed-product .change-btn-box .e-ch.active p {
    color: #666666
}

.wed-product .change-btn-box .e-ch.active p:first-child:before {
    display: block
}


.wed-product .product-title span:hover, .wed-product .product-title a:hover {
    color: #fabbaa
}

.wed-product .product-title a:hover em.icon {
    background: url("https://files.mijwed.com/wed/template/lifu/index-more.png") no-repeat center right;
    background-size: 100%
}

.wed-product .product-detail .product-detail-list .img-box {
    float: left !important
}

.wed-product .product-detail .product-detail-list .detail-text {
    position: relative
}

.wed-product .product-detail .product-detail-list .detail-text .name {
    line-height: 42px;
    font-size: 30px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.wed-product .product-detail .product-detail-list .detail-text .name-ch {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.wed-product .product-detail .product-detail-list .detail-text .des-text {
    line-height: 20px;
    font-size: 13px;
    font-weight: 300;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.wed-product .product-detail .product-detail-list .detail-text .detail-btn {
    position: absolute;
    bottom: 35px;
    left: 50px;
}

.wed-product .product-detail .product-detail-list .detail-text .detail-btn .anymore {
    width: 120px;
    color: black;
    padding-right: 0;
}

.wed-product .product-detail .product-detail-list .detail-text .detail-btn .anymore:hover {
    color: #333;
    border: 1px solid #f9d1c6;
    background: #f9d1c6
}

.wed-product .product-detail .product-detail-list .detail-text .detail-btn .btn-yuyue {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    margin-left: 20px
}

.wed-product .product-detail .product-detail-list .detail-text .detail-btn .btn-yuyue:hover {
    color: #333;
    border: 1px solid #f9d1c6;
    background: #f9d1c6
}

.anymore {
    width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #333;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    padding-right: 20px;
    display: block;
    position: relative;
    font-weight: 400;
}

/*礼服类别*/
.grid-caption {
    clear: both;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.grid-caption .caption {
    width: 585px;
    font-size: 24px;
    color: #000;
    line-height: 70px;
    font-weight: 600;
    display: inline-block;
    float: left;
}

.grid-container-cell {
    width: 1200px;
    height: 510px;
    margin: 20px auto 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    clear: both;
    zoom: 1;
}

.grid-container-cell .slide-grid-container {
    width: 585px;
    height: 480px;
    position: relative;
    z-index: 400;
    margin-top: 15px;
}

.lt, .fl {
    float: left;
    display: inline-block;
}

.grid-container-cell .slide-grid-list {
    width: 100%;
    height: 100%;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: 50% -30%;
    -moz-perspective-origin: 50% -30%;
    perspective-origin: 50% -30%;
    display: block;
}

.grid-container-cell .slide-grid-container .slide-grid-item0 {
    z-index: 9;
    opacity: 1;
    transition: opacity .5s, -webkit-transform .5s;
    -moz-transition: transform .5s, opacity .5s, -moz-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s, -moz-transform .5s;
}

.grid-container-cell .slide-grid-item {
    width: 585px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
}

.grid-container-cell .slide-grid-item a {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.grid-container-cell .slide-grid-item .pic {
    width: 585px;
    height: 480px;
    transition: All .5s ease-out;
    -webkit-transition: All .5s ease-out;/*谷歌*/
    /*游览器兼容问题*/
}
.grid-container-cell .slide-grid-item .pic:hover{
    transform:scale(1.01);
    /*border-bottom: 5px solid rgba(153,153,153,0.36);*/
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}
.slide-grid-container img {
    width: 1200px;
    height: 160px;
    max-width: 100%;
}

.grid-container-cell .slide-grid-container .grid-content {
    bottom: 120px;
}

.grid-container-cell .grid-content {
    position: absolute;
    left: 40px;
    bottom: 50px;
}

.grid-container-cell .grid-content {
    left: 30px;
    bottom: 60px;
    padding-right: 30px;
}

.grid-container-cell .grid-title {
    line-height: 41px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #fff;
}

.grid-container-cell .grid-content .grid-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.grid-container-cell .grid-desc {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.grid-container-cell .hover-box {
    float: right;
    width: 585px;
}

.grid-container-cell .hover-box li {
    height: 255px;
    padding: 15px 0;
    display: block;
    position: relative;
}

.grid-container-cell .hover-box li img {
    width: 585px;
    max-height: 225px;
    overflow: hidden;
    max-width: 100%;
    transition: All .5s ease-out;
    -webkit-transition: All .5s ease-out;
}

.grid-container-cell .hover-box li img:hover {
    transform:scale(1.01);
    /*border-bottom: 5px solid rgba(153,153,153,0.36);*/
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}

.grid-container-cell .hover-box li .two-list {
    margin-left: -29px;
}

.grid-container-cell .hover-box li .two-list .list-type {
    width: 278px;
    height: 225px;
    margin-left: 29px;
    float: left;
    position: relative;
}


